<template>
	<div class="mobile">
		<div class="nav-top">
			<div class="left"  @click="back()">
				<img src="../../../assets/img/phone-back.png" alt="">
			</div>
			<div class="right">
				<span></span>
				<img src="../../../assets/img/phone-more.png" alt="">
			</div>
		</div>
		<div class="inner-banner">
			<div class="badge">

			</div>
			<h3>东西湖人民代表大会常务委员会</h3>
		</div>
		<div class="site">
			<div class="site-pic"><img src="../../../assets/img/net2.png" alt=""></div>
			<div class="site-detail">
				<h3>{{stationDetail.name}}</h3>
				<div class="contact-detail">
					<div class="item"><img src="../../../assets/img/contact-icon3.png"
							alt=""><span>联系人：</span>{{ stationDetail.representatives }}</div>
					<div class="item"><img src="../../../assets/img/contact-icon4.png"
							alt=""><span>开放时间：</span>{{ stationDetail.openingHours }}</div>
					<div class="item"><img src="../../../assets/img/contact-icon5.png" alt=""><span>联系地址：</span>{{ stationDetail.address }}
					</div>
				</div>
			</div>
			<div class="title">
				<div class="line"></div>近期活动
			</div>
			<div class="sub-list">
				<a class="item">
					2024年4月12日代表进站接待选民<span>></span>
				</a>
				<a class="item">
					2024年4月12日代表进站接待选民<span>></span>
				</a>
				<a class="item">
					2024年4月12日代表进站接待选民<span>></span>
				</a>
			</div>


		</div>
	</div>
</template>

<script>

import { getStaionDetail } from "@/api/website";
export default {
	data() {
		return {
			stationDetail: {},
		}
	},
	components: {

	},
	created() {
		
	},
	mounted() {
		if(this.$route.query.id){
			this.getStaionDetails(this.$route.query.id)
		}
	},
	methods: {
		back(){
			this.$router.back()
		},
		getStaionDetails(id){
			getStaionDetail( id ).then(response => {
				this.stationDetail = response.data;
			});
		}
	}

};
</script>

<style scoped lang="scss"></style>